#carousel-fade {
  position: relative;
  width: 800px;
  height: 337px;
  margin: 0 auto;

  .img-stage {
    // position: relative;
    width: 100%;

    .img-wrap {
      display: none;
      position: absolute;
      top: 0;
      left: 0;

      &.active {
        display: block;
      }
    }
  }

  .indicator {
    position: absolute;
    z-index: 1;
    top: 300px;
    left: 50%;
    width: 60px;
    height: 20px;
    margin-left: -30px;
    cursor: pointer;

    .dot {
      display: block;
      float: left;
      width: 20px;
      height: 20px;
      box-sizing: border-box;

      &:before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        margin: 6px 0 0 6px;
        border: 1px solid #fff;
        border-radius: 50%;
      }

      &.active:before {
        background-color: #fff;
      }
    }
  }
}
